<template>
	<div class="layout-padding">
		<div class="layout-padding-auto layout-padding-view">
			<splitpanes>
				<pane size="70">
					<splitpanes horizontal>
						<pane size="40">
							<favorite />
						</pane>
						<pane size="70">
							<Announcement />
						</pane>
					</splitpanes>
				</pane>
				<pane size="30">
					<splitpanes horizontal>
						<pane size="15">
							<current-user />
						</pane>
						<pane size="85">
							<sys-log />
						</pane>
					</splitpanes>
				</pane>
			</splitpanes>
		</div>
	</div>
</template>

<script setup lang="ts" name="home">
const CurrentUser = defineAsyncComponent(() => import('./current-user.vue'));
const Favorite = defineAsyncComponent(() => import('./favorite.vue'));
const Schedule = defineAsyncComponent(() => import('./schedule.vue'));
const SysLog = defineAsyncComponent(() => import('./sys-log.vue'));
const Announcement = defineAsyncComponent(() => import('./announcement.vue'));
</script>
